<template>
	<view  class="myNote" >		
		<view class="subNote">
			{{noteList.mess}}
		</view>
		<view class="flex-time">
		<view class="subTime">
			{{noteList.time}}
		</view>
		<view  class='tag' v-for="item in noteList.tag">#{{item}}</view>
		</view>
	</view>
</template>

<script>
	export default {
		name:'note',
		props:{
			noteList:{
				type:Object,
				default:''
			}
		},
		data() {
			return {
				
			}
		},
		
		methods: {
			
		}
	}
</script>

<style>
.myNote{
	margin:20rpx ;
	border-radius:20rpx ;
	padding:30rpx auto;
	background-color: #fafafa;
}
.subNote{
	font-size: 50rpx;
	color: black;
}
.flex-time{
	display: flex;
}
.subTime{
	font-size: 20rpx;
	color:dimgray;
}
.tag{
	margin-left: 15rpx;
	font-size: 20rpx;
	color:dimgray;
} 
</style>
